<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/view/include/css-include.jsp"%>
<%@ include file="/view/include/jsp-include.jsp"%>
<%@ include file="/view/include/jquery-include.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript">

    $().ready(function() {
    	/* 달력 */
    	$( "#date" ).datepicker({
            showOn: "button",
            buttonImage: "/images/calendar.gif",
            buttonImageOnly: true
        });
    	
        $("form[name='gogoForm']").ajaxForm({
        	dataType: "json",
        	beforeSerialize: function($form, options) { 
                // return false to cancel submit  
                if($("input[name='test3']").val()==''){
                    alert('수정할 값 입력하쇼.');
                    return false;
                }
            },
            success:function(data) { 
               if(data.result){
            	   alert("수정완료");
                   var val = ""; 
                   for(var v in data.searchMap) {
                       $("input[name='"+v+"']").val(data.searchMap[v]);
                   } 
               }
               else {
                alert("오류가 발생했습니다.");
               }
               
           },
           error:function(){alert(18);}
        }); 
    });

    function resetForm(){
    	$("form[name='gogoForm']").each(function(){
    		this.reset();
    	});
    }

    function onNoteceDetatil(){
        location="/noticeDetail.html";
    }

    function onNoticeUpdate(){
    	location="/noticeUpdate.html";
    }

    function onNoticeWrite(){
    	location="/noticeWrite.html";
    }
</script>
</head>
<body>
<div class="wrap">
	<div class="pagetitle">
    	<h1>NOTICE</h1>
	</div>
    <div>
    	<table class="TableST">
            <tr>
            	<th>Period</th>
                <td><input type="text" class="inST" size="20"/><a href=""><img src="images/web/btn_c.gif" alt="btn" /></a> ~ <input type="text" class="inST" size="20"/><a href=""><img src="images/web/btn_c.gif" alt="btn" /></a>
                </td>
            </tr>
            <tr>
            	<th>Conditional Search</th>
                <td>
	                <select class="selST">
	                	<option>All</option>
	                </select><input type="text" class="inST" size="60"/><input type="button" class="btncss" value="search" />
                </td>
            </tr>
        </table>
        <br /><br />
        <ul>
        	<li class="totaltext">Total : <span>20</span></li>
            <li class="pagetext">Page : 1&frasl;1</li>
            <li class="bolistW">
            	<table class="TableST4">
                	<tr>
                    	<th width="30px"><input type="checkbox" size="2" /></th>
                        <th width="40px">Seq</th>
                        <th width="*">Title</th>
                        <th width="100px">Date</th>
                        <th width="130px">Writer</th>
                        <th width="100px">Update</th>
                        <th width="100px">Delete</th>
                    </tr>
                    <tr>
                    	<td align="center"><input type="checkbox" size="2" /></td>
                        <td align="center">5</td>
                        <td align="left" class="boSub">Notice List Test</td>
                        <td align="center">2012.02.02</td>
                        <td align="center">Kil-Dong Hong</td>
                        <td align="center"><input type="button" class="btncss" value="Update" /></td>
                        <td align="center"><input type="button" class="btncss" value="Delete" /></td>
                    </tr>
                    <tr>
                    	<td align="center"><input type="checkbox" size="2" /></td>
                        <td align="center">4</td>
                        <td align="left" class="boSub">Notice List Test</td>
                        <td align="center">2012.02.02</td>
                        <td align="center">Kil-Dong Hong</td>
                        <td align="center"><input type="button" class="btncss" value="Update" /></td>
                        <td align="center"><input type="button" class="btncss" value="Delete" /></td>
                    </tr>
                    <tr>
                    	<td align="center"><input type="checkbox" size="2" /></td>
                        <td align="center">3</td>
                        <td align="left" class="boSub">Notice List Test</td>
                        <td align="center">2012.02.02</td>
                        <td align="center">Kil-Dong Hong</td>
                        <td align="center"><input type="button" class="btncss" value="Update" /></td>
                        <td align="center"><input type="button" class="btncss" value="Delete" /></td>
                    </tr>
                    <tr>
                    	<td align="center"><input type="checkbox" size="2" /></td>
                        <td align="center">2</td>
                        <td align="left" class="boSub">Notice List Test</td>
                        <td align="center">2012.02.02</td>
                        <td align="center">Kil-Dong Hong</td>
                        <td align="center"><input type="button" class="btncss" value="Update" /></td>
                        <td align="center"><input type="button" class="btncss" value="Delete" /></td>
                    </tr>
                    <tr>
                    	<td align="center"><input type="checkbox" size="2" /></td>
                        <td align="center">1</td>
                        <td align="left" class="boSub">Notice List Test</td>
                        <td align="center">2012.02.02</td>
                        <td align="center">Kil-Dong Hong</td>
                        <td align="center"><input type="button" class="btncss" value="Update" /></td>
                        <td align="center"><input type="button" class="btncss" value="Delete" /></td>
                    </tr>
                </table>
            </li>
        </ul>
    </div>
    <div class="bo_btnW">
    	<ul>
        	<li class="bo_btnLe"><a href="#"><img src="images/web/btn_checkeddel.png" alt="checked del" /></a></li>
            <li class="bo_btnRi"><a href="#"><img src="images/web/btn_insert.png" alt="insert" /></a></li>
        </ul>
    </div>
    <div class="padeNum">
    <a href="#"><img src="images/web/icon_navi_01.gif" /></a>1.2.3.4.5.6.7<a href="#"><img src="images/web/icon_navi_02.gif" /></a>
    </div>
</div>
</body>
</html>